/**
 * Created by Administrator on 2017/9/28 0028.
 */
//每页显示几条
var perpage=3;
var page=1;
var pages=0;
var comments=[];

//提交评论
$('#messageBtn').on('click',function(){
    $.ajax({
        type:'POST',
        url:'/api/comment/post',
        data:{
            contentid:$('#contentId').val(),
            content:$('#messageContent').val()
        },
        success:function(responseData){
            $('#messageContent').val('');
            comments=responseData.data.comments;
            renderComments();
        }
    });
});
//每次页面重载的时候获取一下该文章的所有评论
$.ajax({
    url:'/api/comment',
    data:{
        contentid:$('#contentId').val()
    },
    success:function(responseData){
        comments=responseData.data;
        renderComments();
    }
});

//实现翻页效果
$('.page').delegate('a','click',function(){
   if($(this).parent().hasClass('prev')){
       page--;
   }else {
       page++;
   }
    renderComments();
});

function renderComments(){

    var $lis=$('.page li');
    pages=Math.max(Math.ceil(comments.length/perpage),1);
    $lis.eq(1).html(page+'/'+pages);
    var start=Math.max(0,(page-1)*perpage);
    var end=Math.min(start+perpage,comments.length);

    if(page<=1){
        page=1;
        $lis.eq(0).html('<span>没有上一页了</span>')
    }else {
        $lis.eq(0).html('<a href="javascript:;">上一页</a>');
    }
    if(page>=pages){
        page=pages;
        $lis.eq(2).html('<span>没有下一页了</span>')
    }else {
        $lis.eq(2).html('<a href="javascript:;">下一页</a>')
    }

    if(comments.length==0){
        $('.messageList').html('<div class="messageBox"><p>还没有评论</p></div>');
    }else {
        $('#messageCount').html(comments.length);
        var html='';
        for(var i=start;i<end;i++){
            html+='<div class="messageBox">'+'<p class="name clear"><span class="fl">'+comments[i].username+'</span><span class="fr">'+formatDate(comments[i].postTime)+'</span></p><p>'+comments[i].content+'</p>'+'</div>';
        }
        $('.messageList').html(html);
    }

}
//实时时间更新的方法
function formatDate(d){
    var date1=new Date(d);
    return date1.getFullYear()+'年'+(date1.getMonth()+1)+'月'+date1.getDate()+'日'+date1.getHours()+':'+date1.getMinutes()+':'+date1.getSeconds();
}